/* $Id: _queries.scss 239 2012-11-09 06:48:54Z bobcat $ */

@media (min-width: 50em) {
  .promo, .call-us {
    display: block;
  }

  .product {
    margin-bottom: 2em;
  }

  .description, .buy {
    width: 50%;
  }
}

@media (min-width: 60em) {
  .image {
    width: 52%;
  }

  .description, .buy {
    width: 46%;
    margin-left: 2%;
  }

  .product .description {
    float: right;
  }
}

@media (min-width: 75em) {

  .image {
    width: 25%;
  }

  .product .description {
    width: 46%;
    float: left;
  }

  .buy {
    width: 27%;
    margin-left: 0;
  }

}
